<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <button id="btn">获取数据</button>
  <script src="/js/axios.js"></script>
  <script>
    const token = "sdfasdfd";
    const request = axios.create({
      baseURL: "/api/"
    })
    // 添加请求拦截器
    request.interceptors.request.use(function (config) {
      // 在发送请求之前做些什么
      if (token) {
        config.headers = { 'Authorization': token }
      }
      else {
        alert("权限不足，请登录或者申请权限")
        return Promise.reject("请求失败");
      }

      return config;
    }, function (error) {
      // 对请求错误做些什么
      return Promise.reject(error);
    });

    // // 添加响应拦截器
    request.interceptors.response.use(function (response) {
      console.log(response)
      // 对响应数据做点什么
      if (response.status === 200) {
        return response.data;
      } else {
        return { err: "失败" }
      }

    }, function (error) {
      // 对响应错误做点什么
      return Promise.reject(error);
    });

    btn.onclick = async function () {
      // console.log(await axios.get("/users"))
      // axios
      //   .get("/users")
      //   .then(res => {
      //     console.log(res)
      //   })
      // axios({
      //   method: "get",
      //   url: "/users"
      // }).then(res => {
      //   console.log(res)
      // })
      // console.log(await axios({
      //   method: "get",
      //   url: "/users"
      // }))
      request.get('/users')
        .then(res => {

          console.log(res)
        })
    }



    // // 添加响应拦截器
    // axios.interceptors.response.use(function (response) {
    //   // 对响应数据做点什么
    //   return response;
    // }, function (error) {
    //   // 对响应错误做点什么
    //   return Promise.reject(error);
    // });
  </script>

</body>

</html>
